<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>井屯科技</title>
<link rel="stylesheet" href="style/normalize.css">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/lightbox.css">
<link rel="icon" href="images/favicon.png" type="image/x-icon" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>

<body>
    <div id="header">
    	<div class="headBox">
        	<a href="http://www.jtuntech.com" id="logo" title="井屯科技"></a>
        </div>
    </div>

    <div class="mainBox">
        <div id="tileContent">
            <div class="titleBox">
                <img src="images/right-arrow.png">
                <span>我们的服务</span>
            </div>
            
            <div id="tileBox">
                <div class="tile double bg-color-blue">
                    <div class="tileIcon"><img src="images/mobile.png" width="64" height="64"></div>
                    <div class="tileText">手机APP(iOS/Android)</div>
                    <div class="tileNum bg-color-orange">1</div>
                </div>            
                <div class="tile bg-color-blue">
                    <div class="tileIcon"><img src="images/appbar.browser.wire.png" width="64" height="64"></div>
                    <div class="tileText">网站制作</div>
                    <div class="tileNum bg-color-orange">2</div>
                </div>            
                <div class="tile bg-color-blue">
                    <div class="tileIcon"><img src="images/appbar.control.play.live.png" width="64" height="64"></div>
                    <div class="tileText">网络直播</div>
                    <div class="tileNum bg-color-orange">3</div>
                </div>            
                <div class="tile double bg-color-blue">
                    <div class="tileIcon"><img src="images/appbar.video.png" width="64" height="64"></div>
                    <div class="tileText">病毒视频／TVC／微电影／影视制作</div>
                    <div class="tileNum bg-color-orange">4</div>
                </div>            
            </div>
            
            <div id="tileBox2">
                <div class="tile double-vertical outline-color-white bg-color-orangeDark icon" style="display:none;">
                    <div class="tile-content">
                        <img src="images/appbar.box.layered.png">
                    </div>
                    <div class="brand">
                        <div class="name">产品库</div>
                    </div>
                </div>
                <div class="tile">
                    <div class="tileIcon"><img src="images/appbar.people.multiple.png" width="64" height="64"></div>
                    <div class="tileText">合作伙伴</div>
                </div>            
                <div class="tile bg-color-orange">
                    <div class="tileIcon"><img src="images/appbar.email.minimal.png" width="64" height="64"></div>
                    <div class="tileText">联系我们</div>
                </div>            
                
            </div>
                
        </div>
    </div>
    <div id="footer">
    	<span>
        	© 2013 jtuntech.com all rights reserved
            <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F383cdf14673d8d5ae31b898b807bcda4' type='text/javascript'%3E%3C/script%3E"));
</script>
        </span>
    </div>
    
    <!-- APP -->
    <div id="titleBox0">
    	<img src="images/left-arrow2.png" class="icon-arrow-left-3">
    	<span>APP开发</span>
    </div>
    <div id="tabBox0">
    	<div class="tabBoxBg"></div>
        <div class="listBox">
        	<h2 class="fg-color-blue">可支持的手机系统</h2>
            <ul class="listview fluid">
                <li class="selected bg-color-white">
                    <div class="icon">
                        <img src="images/appbar.social.apple.png" width="50" height="50" />
                    </div>
                    <div class="data">
                        <b>iOS系统 APP</b>
                        <br>采用基于HTML5的Mobile App框架
                    </div>
                    <div class="tick"></div>
                </li>
                <li class="selected bg-color-white">
                    <div class="icon">
                        <img src="images/appbar.os.android.png" width="50" height="50" />
                    </div>
                    <div class="data">
                        <b>Android系统 APP</b>
                        <br>美丽的用户界面组件和丰富的数据管理
                    </div>
                    <div class="tick"></div>
                </li>
            </ul>
            

			<h2 class="fg-color-blue" style="margin-top:10px;">SHOWCASE</h2>
			<div class="appBox">
				<p class="loadImg"></p>
			</div>
			
        </div>
		
		
		<div class="imgBox">
            <img src="images/appImg.png" />
        </div>
     </div>   
    <!-- website -->
    <div id="titleBox1">
    	<img src="images/left-arrow2.png" class="icon-arrow-left-3">
    	<span>网站制作</span>
    </div>
    <div id="tabBox1">
    	<div class="tabBoxBg"></div>
        <div class="wBox">
                 
        	<span class="labelInfo">&raquo;免费提供域名</span>
            <span class="labelInfo">&raquo;高质量设计和高效率开发</span>
            <span class="labelInfo">&raquo;提供优质服务器空间</span>       
            <h2 class="fg-color-blue" style="margin-top:10px;">SHOWCASE</h2>
            <div class="image-collection" id="imgBox">
				<p class="loadImg"></p>
            </div>
        </div>
	</div>
   
    <!-- video -->
    <div id="titleBox3">
    	<img src="images/left-arrow2.png" class="icon-arrow-left-3">
    	<span>视频拍摄</span>
    </div>
    <div id="tabBox3">
    	<div class="tabBoxBg"></div>
        <div class="vBox">
            <h2 class="fg-color-blue">SHOWCASE</h2>
                <div id="videoBox">
					<div class="videoItem" rel="0">
                    	<img src="images/video/0.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>“超越哥”迟到，女友为何不怒反笑？</p>
                        </div>
                    </div>
					<div class="videoItem" rel="1">
                    	<img src="images/video/1.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>“超越哥”再临江湖！疯狂一举为红颜！</p>
                        </div>
                    </div>
					<div class="videoItem" rel="2">
                    	<img src="images/video/2.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>那些年，看“超越哥”潇洒追女孩</p>
                        </div>
                    </div>
					<div class="videoItem" rel="3">
                    	<img src="images/video/3.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>青岛网络电视台_二胡篇</p>
                            <span class="iconPlay"></span>
                        </div>
                    </div>
					<div class="videoItem" rel="4">
                    	<img src="images/video/4.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>青岛网络电视台_钓鱼篇</p>
                        </div>
                    </div>
					<div class="videoItem" rel="5">
                    	<img src="images/video/5.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>狂奔蚂蚁MV</p>
                        </div>
                    </div>
					<div class="videoItem" rel="6">
                    	<img src="images/video/6.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>《全球使命》PART_01</p>
                        </div>
                    </div>
					<div class="videoItem" rel="7">
                    	<img src="images/video/7.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>《全球使命》PART_02</p>
                        </div>
                    </div>
					<div class="videoItem" rel="8">
                    	<img src="images/video/8.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>周大福 全城爱誓纪</p>
                        </div>
                    </div>
					<div class="videoItem" rel="9">
                    	<img src="images/video/9.jpg" />
                        <div class="vTxt bg-color-blue">
                        	<p>dunhill</p>
                        </div>
                    </div>
                </div>
        </div>
       <!-- 播放器 -->
       <div id="playerBox">
       </div>
    </div>  
   
   
   
    <!-- 伙伴 -->
    <div id="titleBox5">
    	<img src="images/left-arrow2.png" class="icon-arrow-left-3">
    	<span>合作伙伴</span>
    </div>
    <div id="tabBox5">
    	<div class="tabBoxBg"></div>
        <div class="pBox"></div>
    </div>  
   
	<!-- 联系 -->
    <div id="linkBox">
    	<img src="images/left-arrow.png" class="iorange">
        <span>联系我们</span>
    	<div class="linkItem" id="link1">
        	<a href="javascript:void(0);">
            	<img src="images/phone.gif" />
            </a>
            <p>021-33160065</p>
        </div>
    	<div class="linkItem" id="link2">
        	<a href="javascript:void(0);">
            	<img src="images/phone2.gif" />
            </a>
            <p>18616504127</p>
        </div>
    	<div class="linkItem" id="link3">
        	<a href="mailto:hello@jtuntech.com">
            	<img src="images/mail.gif" />
            </a>
            <p class="p1">hello@jtuntech.com</p>
        </div>
    	<div class="linkItem" id="link4">
        	<a class="popup-gmaps" href="http://ditu.google.cn/maps?q=上海市西藏南路1108弄" target="_blank">
            	<img src="images/map.gif" />
            </a>
            <p class="p2">上海市西藏南路1108弄5号415室</p>
        </div>
            
    </div>

   
   
   
   
   
   
   
   
   
   
   
   
   
   
	<div id="opacityBg"></div> 
    <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="js/swfobject.js" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>
</body>
</html>
